<template>
	<div class="c-c-panel">
		<CUserItem :data="data">
		</CUserItem>
		<div>
			{{data.useNames}}
		</div>
	</div>
</template>

<script>
	import CUserItem from '@/components/CUserItem.vue';
	export default {
		data() {
			return {}
		},
		components: {
			CUserItem
		},
		props: ['data']
	}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
	.c-c-panel {
		background-color: #FFFFFF;
		padding: 20px;
	}
</style>